﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TabBox.ascx.cs" Inherits="Parts_TabBox" %>

<div class="tab-box box clearfix">
            <div class="corner tl"></div>
            <div class="corner tr"></div>
            <div class="corner br"></div>
            <div class="corner bl"></div>
            <ul class="clearfix">
                <li class="active" id="tabContentHeader_1">
                    <div class="firstItem">
                        <span class="right">
                            <span class="center">Sản phẩm nổi bật</span>
                        </span>
                    </div>
                </li>
                <li id="tabContentHeader_2">
                    <div>
                        <span class="right">
                            <span class="center">Xem nhiều nhất</span>
                        </span>
                    </div>
                </li>
                <li id="tabContentHeader_3">
                    <div>
                        <span class="right">
                            <span class="center">Nhiều người mua</span>
                        </span>
                    </div>
                </li>
                <li id="tabContentHeader_5">
                    <div class="lastItem">
                        <span class="left">
                            <span class="center">Các sản phẩm mới</span>
                        </span>
                    </div>
                </li>
            </ul>
            <div class="clearfix">
                <div id="tabContent_1" class="clearfix">
                    <a class="slider-button slider-button-left" id="sliderTab1_bl"></a>
                    <a class="slider-button slider-button-right" id="sliderTab1_br"></a>
                    <div class="slider clearfix slider-hover-action" id="sliderTab1">
                        <ul>

<% 
    List<TaiLieu> lst = (List<TaiLieu>)Session["NoiBats"];

    for (int i = 0; i < lst.Count; i++)
    {
%>
<li>
    <a class="slider-item" href="Product.aspx?ID=<%= lst[i].ProductID %>">
        <img src="<%= lst[i].ProductPhotoURL %>" alt="<%= lst[i].ProductName %>" 
            onload="return '<%= lst[i].ProductPhotoURL %>'" 
            class="img-hover-action img-lazy-load-i" title="<%= lst[i].ProductName %>" />
    </a>
    <div class="hover-box">
        <span class="preview"><%= lst[i].ProductName %></span>
        <span class="author">
            <a href="Category.aspx?CateID=<%= lst[i].CatID %>"><%= lst[i].DanhMuc.CatName %></a>
        </span>
        <span class="price"><%= lst[i].ProductPrice + " USD" %></span>
    </div>
</li>
<% } %>
                        </ul>
                    </div>
                </div>
                
                <div id="tabContent_2" style="display: none" class="clearfix">
                    <a class="slider-button slider-button-left" id="sliderTab2_bl"></a>
                    <a class="slider-button slider-button-right" id="sliderTab2_br"></a>
                    <div class="slider clearfix slider-hover-action" id="sliderTab2">
                        <ul>

<% 
    lst = (List<TaiLieu>)Session["XemNhieus"];

    for (int i = 0; i < lst.Count; i++)
    {
%>
<li>
    <a class="slider-item" href="Product.aspx?ID=<%= lst[i].ProductID %>">
        <img src="<%= lst[i].ProductPhotoURL %>" alt="<%= lst[i].ProductName %>" 
            onload="return '<%= lst[i].ProductPhotoURL %>'" 
            class="img-hover-action img-lazy-load-i" title="<%= lst[i].ProductName %>" />
    </a>
    <div class="hover-box">
        <span class="preview"><%= lst[i].ProductName %></span>
        <span class="author">
            <a href="Category.aspx?CateID=<%= lst[i].CatID %>"><%= lst[i].DanhMuc.CatName %></a>
        </span>
        <span class="price"><%= lst[i].ProductPrice + " USD" %></span>
    </div>
</li>
<% } %>

                        </ul>
                    </div>
                </div>
                                
                <div id="tabContent_3" style="display: none" class="clearfix">
                    <a class="slider-button slider-button-left" id="sliderTab3_bl"></a>
                    <a class="slider-button slider-button-right" id="sliderTab3_br"></a>
                    <div class="slider clearfix slider-hover-action" id="sliderTab3">
                        <ul style="position: absolute; width: 1450px;">

<% 
    lst = (List<TaiLieu>)Session["MuaNhieus"];

    for (int i = 0; i < lst.Count; i++)
    {
%>
<li>
    <a class="slider-item" href="Product.aspx?ID=<%= lst[i].ProductID %>">
        <img src="<%= lst[i].ProductPhotoURL %>" alt="<%= lst[i].ProductName %>" 
            onload="return '<%= lst[i].ProductPhotoURL %>'" 
            class="img-hover-action img-lazy-load-i" title="<%= lst[i].ProductName %>" />
    </a>
    <div class="hover-box">
        <span class="preview"><%= lst[i].ProductName %></span>
        <span class="author">
            <a href="Category.aspx?CateID=<%= lst[i].CatID %>"><%= lst[i].DanhMuc.CatName %></a>
        </span>
        <span class="price"><%= lst[i].ProductPrice + " USD" %></span>
    </div>
</li>
<% } %>

						</ul>
                    </div>
                </div>
                   
                <div id="tabContent_5" style="display: none" class="clearfix">
                    <a class="slider-button slider-button-left" id="sliderTab5_bl"></a>
                    <a class="slider-button slider-button-right" id="sliderTab5_br"></a>
                    <div class="slider clearfix slider-hover-action" id="sliderTab5">
                        <ul>

<% 
    lst = (List<TaiLieu>)Session["MoiNhats"];

    for (int i = 0; i < lst.Count; i++)
    {
%>
<li>
    <a class="slider-item" href="Product.aspx?ID=<%= lst[i].ProductID %>">
        <img src="<%= lst[i].ProductPhotoURL %>" alt="<%= lst[i].ProductName %>" 
            onload="return '<%= lst[i].ProductPhotoURL %>'" 
            class="img-hover-action img-lazy-load-i" title="<%= lst[i].ProductName %>" />
    </a>
    <div class="hover-box">
        <span class="preview"><%= lst[i].ProductName %></span>
        <span class="author">
            <a href="Category.aspx?CateID=<%= lst[i].CatID %>"><%= lst[i].DanhMuc.CatName %></a>
        </span>
        <span class="price"><%= lst[i].ProductPrice + " USD" %></span>
    </div>
</li>
<% } %>

                        </ul>
                    </div>
                </div>
                                
            </div>
</div>